import "./app.scss";
const Home = () => {
  return (
    <div className="home">
      <div className="top">
        <div>
          <p>Hello, I am</p>
          <h1>Travis Johnson</h1>
          <p>IT Support Manager Programmer Analyst</p>
        </div>
      </div>
      <div className="main">
        <div className="top">
          <div className="yi">
            <div>
              <h1>EVERYTHING ABOUT ME</h1>
              <b></b>
              <p>
                Meet the most advanced live website builder on WordPress.
                Featuring latest web technologies, enjoyable UX and the most
                beautiful design trends. Simply drag drop elements around,
                choose styles and see the result instantly… You can literally
                create a whole website in minutes!
              </p>
            </div>
          </div>
          <div className="er">
            <div>
              <div>
                <div>
                  <b>25</b>
                </div>
                <div>
                  <p>YEAR OF MY EXPERIENCE</p>
                </div>
              </div>
            </div>
            <div>
              <p>
                Massive Dynamic has over 10 years of experience in Design,
                Technology and Marketing. We take pride in delivering
                Intelligent Designs and Engaging Experiences for clients all
                over the World.
              </p>
            </div>
          </div>
        </div>
        <div className="main-main">
          <ul>
            {[0, 1, 2, 3, 4, 5, 7, 8].map((item, index) => {
              return (
                <li key={index}>
                  <div>
                    <div>
                      <h1>8</h1>
                      <p>November</p>
                      <p>2016</p>
                    </div>
                    <div>Listen to Future</div>
                  </div>
                </li>
              );
            })}
          </ul>
        </div>
      </div>
      <div className="bottom">
        <div className="bot-box">
          <div>
            <h1>CONTACT ME</h1>
            <i>Get subscriber only insights & news delivered by John Doe</i>
          </div>
          <div>
            <p>
              Nam liber tempor cum soluta nobis eleifend option congue nihil
              imperdiet doming id quod mazim placerat facer possim assum.
            </p>
          </div>
          <div>
            <input type="text" placeholder='Enter Your Email'/>
            <div>
              <span>submit</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default Home;
